.check-in-details {
  width: 100%;
  //   height: 100vh;
  background-color: #f8f8f8;
  padding-bottom: 60rpx;
  box-sizing: border-box;
  .details-tabs {
    background-color: #fff;

    .nut-tabs__titles {
      border-bottom: 1rpx solid #f6f9ff;
    }
    .nut-tab-pane {
      padding: 0;
    }
    .nut-tabs__titles-item {
      background-color: #fff;
      color: #999 !important;
    }
    .nut-tabs__titles-item.active {
      color: #101010 !important;

      .nut-tabs__titles-item__line {
        background: #1e74fd !important;
        width: 30rpx;
      }
    }
    .clock-in-list {
      .clock-in-item {
        .tabs-title {
          margin: 50rpx 32rpx;
          display: flex;
          align-items: center;
          justify-content: space-between;
          .tabs-title-con {
            font-size: 28rpx;
            color: #101010;
            display: flex;
            align-items: center;
            .iconfont {
              font-size: 24rpx;
            }
            .tabs-title-con-center {
              margin-left: 20rpx;
              .iconfont {
                padding-left: 10rpx;
                font-size: 20rpx;
              }
            }
          }
        }
        .team-detail-con{
          width: 100%;
        }
        .clock-in-list-con {
          width: 100%;
          .list-con-title {
            padding: 0 32rpx;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .list-con-title-left {
              display: flex;
              align-items: center;
              text {
                font-weight: 600;
                font-size: 32rpx;
                color: #101010;
              }
              .iconfont {
                font-size: 32rpx;
                padding-right: 10rpx;
              }
            }
            .list-con-title-right {
              display: flex;
              align-items: center;
              .nut-checkbox {
                margin-right: 0;
                // width: 40rpx;
                .nut-checkbox__label {
                  margin-left: 5rpx;
                  font-size: 24rpx;
                  color: #101010;
                }
                .nut-checkbox__icon {
                  color: #1e74fd;
                }
              }
            }
          }
          .list-con {
            .list-con-item {
              margin: 50rpx 0 0;
              // 收起
              padding: 0 32rpx;
              box-sizing: border-box;
              .retract {
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: #f5f5f5;
                border-radius: 20rpx;
                padding: 28rpx;
                box-sizing: border-box;
                .list-con-item-left {
                  .check-in-time-date {
                    .dete {
                      font-size: 32rpx;
                      color: #101010;
                      display: flex;
                      align-items: center;
                      text:nth-of-type(3) {
                        padding: 0 10rpx;
                      }
                      .status-color {
                        display: inline-block;
                        width: 6rpx;
                        height: 20rpx;
                        background: #1e74fd;
                        border-radius: 0 20rpx 20rpx 0rpx;
                        margin-right: 20rpx;
                      }
                      .status-text {
                        display: inline-block;
                        background: #feecec;
                        border-radius: 10rpx;
                        padding: 5rpx 10rpx;
                        box-sizing: border-box;
                        margin-left: 10rpx;
                        font-size: 24rpx;
                        color: #e90800;
                      }
                    }
                    .check-in-time {
                      font-size: 24rpx;
                      color: #999;
                      margin-top: 16rpx;
                    }
                  }
                }
                .list-con-item-right {
                  .right-icon {
                    width: 32rpx;
                    height: 32rpx;
                    background: #ececec;
                    border-radius: 10rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 20rpx;
                    box-sizing: border-box;
                    .iconfont {
                      color: #000 !important;
                      font-weight: 600;
                    }
                  }
                }
              }
              // 展开
              .expand {
                .con-item {
                  display: flex;
                  justify-content: space-between;
                  margin-top: 50rpx;
                  .con-item-left {
                    .check-in-time-box {
                      // height: 400rpx;
                      .time {
                        margin-bottom: 80rpx;
                        .in-time {
                          display: flex;
                          align-items: center;
                          .check-icon {
                            width: 16rpx;
                            height: 16rpx;
                            border: 1rpx solid #eeeeee;
                            border-radius: 50%;
                            position: relative;
                            text:nth-of-type(1) {
                              position: absolute;
                              top: 30rpx;
                              left: 0;
                              right: 0;
                              margin: 0 auto;
                              width: 0rpx;
                              height: 170rpx;
                              border: 1rpx dashed #eee;
                            }
                          }
                          //   reason 假勤
                          .check-icon.reason {
                            text:nth-of-type(1) {
                              height: 140rpx;
                            }
                          }
                          .in-time-text {
                            display: inline-block;
                            padding-left: 20rpx;
                            box-sizing: border-box;
                            font-size: 28rpx;
                            color: #999;
                            .nut-tag {
                              margin-left: 10rpx;
                            }
                          }
                        }
                        .in-time.active {
                          .check-icon {
                            border: 1rpx solid #1e74fd;
                          }
                          .in-time-text {
                            font-weight: 600;
                            font-size: 28rpx;
                            color: #101010;
                          }
                        }
                        .check-time {
                          margin: 24rpx 0 0 36rpx;
                          .check-time-text {
                            display: flex;
                            align-items: center;
                            font-weight: 600;
                            font-size: 32rpx;
                            color: #101010;
                            .nut-tag {
                              margin-left: 10rpx;
                              font-size: 24rpx;
                              font-weight: 400;
                            }
                          }
                          .check-adress {
                            padding-top: 12rpx;
                            box-sizing: border-box;
                            font-size: 24rpx;
                            color: #999999;
                            .iconfont {
                              padding-right: 10rpx;
                              box-sizing: border-box;
                              font-size: 24rpx;
                            }
                          }
                        }
                        .check-field-personnel {
                          margin: 24rpx 0 0 36rpx;
                          font-size: 24rpx;
                          color: #999;
                        }
                        .check-miss {
                          margin: 24rpx 0 0 40rpx;
                          font-size: 24rpx;
                          color: #1e74fd;
                          .iconfont {
                            font-size: 20rpx;
                          }
                        }
                      }
                      .time:nth-last-child(1) {
                        .in-time {
                          .check-icon {
                            text:nth-of-type(1) {
                              display: none;
                            }
                          }
                        }
                        // reason 假勤
                        .in-time.reason {
                          .check-icon {
                            text:nth-of-type(1) {
                              display: block;
                            }
                          }
                        }
                      }
                    }
                  }
                  .con-item-left.reason {
                    height: 180rpx;
                  }
                  .con-item-right {
                    .positioning-btn {
                      background: #1e74fd;
                      border-radius: 28rpx;
                      display: inline-block;
                      padding: 12rpx 36rpx;
                      box-sizing: border-box;
                      text {
                        color: #fff;
                        font-size: 28rpx;
                      }
                      img {
                        width: 124rpx;
                        height: 124rpx;
                      }
                    }
                    .positioning-status {
                      img {
                        width: 124rpx;
                        height: 124rpx;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .check-in-details-btn {
    }
  }
  .addTask-bottom {
    width: 100%;
    height: 168rpx;
    background: #f8f8f8;
    position: relative;
    .addTask-bottom-logo {
      width: 100%;
      position: absolute;
      top: 50rpx;
      text-align: center;
      img {
        height: 38rpx;
        width: 286rpx;
      }
    }
  }
  .add-schedule-btn {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 164rpx;
    background: #ffffff;
    border-radius: 40rpx 40rpx 0rpx 0rpx;
    .nut-button {
      width: 90%;
      margin: 30rpx auto 0;
      display: block;
    }
  }
}
